<div style="display: flex;justify-content: space-around;width: 100%;height: 50px;background: white;">
	<div style="width: 20%;height: 50px;line-height: 50px;text-align: center;font-size: 20px;"></div>
	<div style="width: 50%;height: 50px;line-height: 50px;text-align: center;font-size: 20px;">订单</div>
	<div style="width: 20%;height: 50px;line-height: 50px;text-align: center;"><span class="iconfont icon-saoma" style="font-size: 20px;"></span></div>
</div>

<div style="width: 100%;height: 540px;background: gainsboro;">

	<div style="width: 100%;height: 50px;margin-top: 3px;background: white;display: flex;justify-content: center;align-items: center;border-bottom: 1px solid dodgerblue;">
		<div style="width: 33.33%;height: 50px;border-right: 1px solid gainsboro;text-align: center;line-height: 50px;" class="{{a[0]}}" ng-click="swiper_qiehuan(0)">还款中（1）</div>
		<div style="width: 33.33%;height: 50px;border-right: 1px solid gainsboro;text-align: center;line-height: 50px;" ng-click="swiper_qiehuan(1)" class="{{a[1]}}">处理中</div>
		<div style="width: 33.33%;height: 50px;text-align: center;line-height: 50px;" ng-click="swiper_qiehuan(2)" class="{{a[2]}}">查看全部</div>
	</div>

	<div class="swiper-container swiper2">
		<div class="swiper-wrapper">
			<div class="swiper-slide" style="width: 100%;height: 200px;">
				<div style="width: 100%;height: 120px;background: white;display: flex;align-items: center;justify-content: space-between;">
					<div style="width: 22%;height: 90%;"><img src="img/3_02.png" /></div>
					<div style="width: 75%;height: 90%;">
						<div style="width: 100%;height: 20px;margin-top: 5px;">
							<span>H5</span>
							<span style="float: right;font-weight: 800;color: dodgerblue;margin-right: 10px;">还款中</span>
						</div>
						<div>分期金额：￥26800.00</div>
						<div>订单编号：L4513</div>
						<div>交易时间：2016-12-30 13:51:40</div>
					</div>
				</div>
				<div style="width: 100%;height: 50px;margin-top: 1px;background: white;display: flex;justify-content: center;align-items: center;border-top: 1px solid gainsboro;">
					<div style="width: 50%;height: 30px;border-right: 1px solid gainsboro;text-align: center;line-height: 30px;">还款日期：<span style="font-size: 17px;">2017-08-15</span></div>
					<div style="width: 50%;height: 30px;text-align: center;line-height: 30px;">当前应还：<span style="font-size: 17px;color: red;">￥268.00</span>></div>
				</div>
			</div>
			<div class="swiper-slide" style=";height: 200px;">2222</div>
			<div class="swiper-slide" style=";height: 200px;">33333</div>
		</div>
	</div>
</div>